<template>
	<div>
		<div class="backtohome" @click="clearRouter">
			<router-link tag="a" to="/">
				<i class="iconfont" style="color:#000;">&#xe63e;</i>
			</router-link>
		</div>
		<div class="storeiconbg">
			<div class="storeiconbg-black"></div>
			<img :src="thisstoreimg" alt="">
		</div>
		<div class="storeicon">
			<img :src="thisstoreimg" alt="">
		</div>
		<div class="storetitleInfo">
			<p style="font-weight:700;font-size:28px;">{{thisstoretitle}}</p>
			<p></p>
			<p></p>
		</div>
	</div>
</template>
<script>
export default{
	name:'DetailHeader',
	props: {
		list: Array
	},
	data () {
		return {
			thisstoretitle:this.$route.params.name,
			thisstoreimg:this.$route.params.img,
		}
	},
	methods:{
		clearRouter () {
			this.$router.go(0)
		},
	},
	computed: {

	}
}
</script>
<style lang="stylus" scoped>
.storetitleInfo
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
 background-color:#fff;
 padding:10px 0;
 height:120px;
 padding-top:30px;
.storetitleInfo p
 text-align:center;
 margin-bottom:8px;
.storeicon
 width:82px;
 height:82px;
 position:absolute;
 left:50%;
 margin-left:-41px;
 top:60px;
 border:solid 1px #ccc;
 overflow:hidden;
 border-radius:4px;
.storeicon img
 width:100%;
 height:100%;
.backtohome
 padding:12px 15px;
 position:absolute;
 top:0;
 z-index:38;
.backtohome a 
 padding:10px;
.storeiconbg
 width:100%;
 height:120px;
 text-align:center;
 overflow:hidden;
 position:relative;
.storeiconbg img 
  filter:blur(10px);
  width:80%;
.storeiconbg-black
 width:100%;
 height:150px;
 opacity:0.5;
 position:absolute;
 background-color:rgba(0,0,0,0.2);
</style>